/**
 *
 * @authors 前端小灰狼
 * @date    2020-12-10 16:48:28
 * @version v1.0
 * @description the core js of todolist project
 *
 * ━━━━━━神兽出没━━━━━━
 * 　　   ┏┓　 ┏┓
 * 　┏━━━━┛┻━━━┛┻━━━┓
 * 　┃              ┃
 * 　┃       ━　    ┃
 * 　┃　  ┳┛ 　┗┳   ┃
 * 　┃              ┃
 * 　┃       ┻　    ┃
 * 　┃              ┃
 * 　┗━━━┓      ┏━━━┛ Code is far away from bugs with the animal protecting.
 *       ┃      ┃     神兽保佑,代码无bug。
 *       ┃      ┃
 *       ┃      ┗━━━┓
 *       ┃      　　┣┓
 *       ┃      　　┏┛
 *       ┗━┓┓┏━━┳┓┏━┛
 *     　  ┃┫┫　┃┫┫
 *     　  ┗┻┛　┗┻┛
 *
 * ━━━━━━感觉萌萌哒━━━━━━
 */

// 请根据考试说明文档中列出的需求进行作答
// 预祝各位顺利通过本次考试，see you next week！
// ...

$(function () {
  load();
  $("#title").on("keydown", function (event) {
    if (event.keyCode === 13) {
      if ($(this).val() === "") {
        alert("请输入您要的操作");
      } else {
        var local = getDate();
        local.push({
          title: $(this).val(),
          done: false
        });
        saveDate(local);
        load();
        $(this).val("");
      }
    }
  });
  $("ol, ul").on("click", "a", function () {
    var data = getDate();
    var index = $(this).attr("id");
    data.splice(index, 1);
    saveDate(data);
    load();
  });
  
  $("ol, ul").on("click", "input", function () {
    var data = getDate();
    var index = $(this).siblings("a").attr("id");
    data[index].done = $(this).prop("checked");
    saveDate(data);
    load();
  });
  
  function getDate() {
    var data = localStorage.getItem("todolist");
    if (data !== null) {
      return JSON.parse(data);
    } else {
      return [];
    }
  }
  
  function saveDate(data) {
    localStorage.setItem("todolist", JSON.stringify(data));
  }
  
  function load() {
    var data = getDate();
    $("ol, ul").empty();
    var todoCount = 0;
    var doneCount = 0;
    $.each(data, function (i, n) {
      if (n.done) {
        $("ul").prepend("<li><input type='checkbox' checked='checked' > <p>" + n.title + "</p> <a href='javascript:;' id=" + i + " ></a></li>");
        doneCount++;
      } else {
        $("ol").prepend("<li><input type='checkbox' > <p>" + n.title + "</p> <a href='javascript:;' id=" + i + " ></a></li>");
        todoCount++;
      }

    });
    $("#todocount").text(todoCount);
    $("#donecount").text(doneCount);
  }

})

pAjax({
      url:'/whx',
      dataType:'json'
}).then(res =>{console.log(res)})